<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: syx
  Date: 2021/12/30
  Time: 9:29
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script src="js/jquery-1.8.2.min.js"></script>
    <script src="bootstrap-4.6.0-dist/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="bootstrap-4.6.0-dist/css/bootstrap.min.css">
</head>
<body>
    </div>
    <div class="row">
        <div class="col-2">
            <jsp:include page="/layout/left.jsp"></jsp:include>
        </div>
        <div class="col-10">
            <form action="list.do" method="post">
                <input type="hidden" name="pageNum">
                外协单号<input type="text" name="oid" value="${map.oid}">
                外协日期<input type="text" name="otimeMin" value="${map.otimeMin}">-<input type="text" name="otimeMax" value="${map.otimeMax}">
                备注<input type="text" name="rem" value="${map.rem}"><br>
                总数量<input type="text" name="numsMin" value="${map.numsMin}">-<input type="text" name="numsMax" value="${map.numsMax}">
                总金额<input type="text" name="sumsMin" value="${map.sumsMin}">-<input type="text" name="sumsMax" value="${map.sumsMax}">
                <input type="submit" value="搜索">
            </form>
<%--            (1)严格按照图示"搜索条件"显示，不能随意合并，否则相应评分项计0（2分）--%>
            <table border="1">
                <tr>
                    <td>外协日期</td>
                    <td>外协单号</td>
                    <td>雇员号</td>
                    <td>雇员姓名</td>
                    <td>雇员部门</td>
                    <td>雇员岗位</td>
                    <td>总数量</td>
                    <td>总金额</td>
                    <td>相关资料</td>
                    <td>备注</td>
                    <td>
                        操作
                        <button onclick="addTo()">添加</button>
                    </td>
                </tr>
<%--                (2)列表完整没有乱码并且符合图示要求（2分）--%>
                <c:forEach items="${pageInfo.list}" var="li">
                    <tr>
                        <td>${li.otime}</td>
                        <td>${li.oid}</td>
                        <td>${li.uid}</td>
                        <td>${li.uname}</td>
                        <td>${li.dep}</td>
                        <td>${li.post}</td>
                        <td>${li.nums}</td>
                        <td>${li.sums}</td>
                        <td>${li.pic}</td>
                        <td>${li.rem}</td>
                        <td>
                            <button onclick="del(${li.oid})">删除</button>
                            <button onclick="updTo(${li.oid})">修改</button>
                        </td>
                    </tr>
                </c:forEach>
                <tr>
<%--                    (3)实现分页功能（3分）--%>
                    <td colspan="20">
                        <button onclick="fy(1)">首页</button>
                        <button onclick="fy(${pageInfo.isFirstPage?1:pageInfo.prePage})">上页</button>
                        <c:forEach items="${pageInfo.navigatepageNums}" var="page">
                            <button onclick="fy(${page})">${page}</button>
                        </c:forEach>
                        <button onclick="fy(${pageInfo.isLastPage?pageInfo.pages:pageInfo.nextPage})">下页</button>
                        <button onclick="fy(${pageInfo.pages})">尾页</button>
                        第${pageInfo.pageNum}/${pageInfo.pages}页
                    </td>
                </tr>
            </table>
        </div>
    </div>
</body>
<script>
    function addTo(){
        location="addTo.do";
    }
    function fy(pageNum){
        // (4)搜索条件在点击查询后保留输入，分页点击跳转后也保留 （3分）
        $("[name='pageNum']").val(pageNum)
        $("form").submit()
    }
    //(1)点击“删除”，进行删除提示（2分）
    function del(oid){
        if (confirm("确认删除吗??")){
              $.ajax({
                  url:"del.do",
                  type:"post",
                  data:{"oid":oid},
                  dataType:"json",
                  success:function (obj) {
                      console.log(obj)
                      if (obj>0){
                          alert("删除成功!!")
                          location="list.do"
                      }
                  }
              })
        }
    }
    function updTo(oid){
        location="updTo.do?oid="+oid;
    }
</script>
</html>
